<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/reg.css" rel="stylesheet" type="text/css" />
<link href="combo/css/select.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="lyd/LYD.core.js"></script>
<script type="text/javascript" src="lyd/LYD.ajax.js"></script>
<script type="text/javascript" src="lyd/LYD.validata.js"></script>
<script type="text/javascript" src="front/js/reg.js"></script>
<script type="text/javascript" src="combo/user/combo.user.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	REG.init();
});
</script> 
</head>

<body>
<!-- 导航 -->
<div id="top">
	<div class="width">
		<div class="logo"></div>
		<div class="top_hover"></div>
		<div class="account"></div>
	</div>
</div>
<!-- /导航结束 -->
<div id="background">
	<div class="width">
		<div id="scroll_main">
			<div class="width">
				<div id="step_scroll"> 
					<!-- 第一步 -->
					<div id="step_one">
					<div class="welcome"></div>
					<div class="right_txt">已有combo账号？<span><a href="activity.html">直接登录</a></span></div>
					<!-- 表单 -->
					<div class="input_object">
						<div class="input_div">
							<div class="txt">邮箱</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input class="input_style" id="emailStr" name="email" type="text"/>
										<span id="v_email" style="display:none; position:absolute; left:266px; top:6px;" >已注册</span>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">密码</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input class="input_style" id="passStr" name="passwd" type="password"  />
										<span id="v_pass" style="display:none; position:absolute; left:266px; top:45px;" >1</span>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">真实姓名</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input class="input_style" id="nameStr" name="turename" type="text" onblur="REG.validateName()"//>
										<span id="v_name" style="display:none; position:absolute; left:266px; top:84px;" >可以使用</span>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">性别</div>
							<input type="hidden" id="sexual" name="sexual" value="0"/>
							<div class="check_active">男</div>
							<div class="check_no">女</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">所在地</div>
							<div class="combo">COMBO为您筛选</div>
							<div class="local"><a class="city_select" id="select_city" href="#">成都（手动选择）</a></div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">验证码</div>
							<div class="txt">
								<div class="test_input_bg">
									<input class="test_input" id="codeStr" name="code" type="text" />
									<div id="v_code" style="width:100px; height:18px; line-height:18px; text-align:left; position:absolute; left:105px; top:1px;" ><img src="front/images/check_right.gif "/></div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">验证图</div>
							<div class="test_pic"><img src="commons/util/CheckCode.jsp" width="70" height="34" /></div>
							<div class="combo">看不清？</div>
							<div class="local"><a href="#">换一个</a></div>
							<div class="clear"></div>
						</div>
						
					</div>
					<!-- /表单结束 -->
					<div class="reg_button"></div>
					<div class="reg_show_pic"></div>
					</div>
					<!-- /第一步结束 --> 
					<!-- 第二步 -->
					<div id="step_two">
						<div id="step_two_main">
							<div class="top_tx">选择你想玩儿的热门标签：</div>
							<div class="tab_bg_top">
								<div class="tab_bg_bottom">
									<div class="tab_bg_middle"> 
										<!-- 热门标签 -->
										<c:forEach items="${tipCatalog}" var="t" varStatus="it">
											<div class="tabs"><a href="#" onclick="REG.getChildTip('${t.TIPID}','${t.TIPNAME}')">${t.TIPNAME}</a></div>
										</c:forEach>
										<!-- /热门标签结束 -->
										<div class="tab_bg2_top">
												<div class="tab_bg2_middle">
													<DIV id="childTip">
													<c:forEach items="${hotTIP}" var="h">
														<div class="_tabs"><a href="#" onclick="REG.getTip(${h.TIPID},'${h.TIPNAME}')">${h.TIPNAME}</a></div>
													</c:forEach>
													</DIV>
<%--													<div class="icon"></div>--%>
													<div class="clear"></div>
													<div class="bottom_object">
														<div class="input_tx">太少了？你还可以自己添加：</div>
														<div class="input_left">
															<div class="input_right">
																<div class="input_middle">
																	<input class="input_style" id="newTipInput" type="text"/>
																</div>
															</div>
														</div>
														<div class="add_button" onclick="REG.addUserTip()"></div>
													</div>
													<div class="clear"></div>
													<div class="tab_bg2_bottom">
														<div class="_tab_bg2_middle"></div>
													</div>
												</div>
										</div>
										<div id="tabed" class="tabed">
											<div class="tx">可选择5个标签（<span id="t_index">0</span>/5）</div>
											<div class="tab_object">请选择</div>
										</div>
										<div class="back_button"></div>
										<div class="save_complete" onclick="REG.submitUser()"></div>
										<div class="reg_complete_icon" ></div>
										<div class="clear"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /第二步 --> 
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 省选择选择 -->
<div id="city_list" class="city_object">
	<div class="city_main">
		<div class="city_top">
			<div class="city_topic">选择你的城市</div>
			<div class="city_bubble">为已有地图的城市</div>
			<div class="city_block"></div>
		</div>
		<div class="cities">
		<c:forEach items="${provices}" var="p">
			<span code="${p.code}">${p.PROVINCESNAME}</span> 
		</c:forEach>
			<p class="clear"></p>
		</div>
		<div class="cities_add"> 
			<span></span>
			<p class="clear"></p>
		</div>
	</div>
</div>
<!-- /城市选择结束 -->
</body>
</html>

